<template>
	<view class="process-page">
		<!-- #ifdef APP-PLUS -->
			<navBar :title="navbarTitle"></navBar>
		<!-- #endif -->
	
		<!-- 钢环进度表 -->
		<!-- <ghChart v-if="pageType === 'gh' || pageType === 'xgh' " :processId="processId" :code="pageType"></ghChart> -->
		<!-- 微扰动孔号图 -->
		<!-- <wrd-chart :processId="processId" v-if="pageType === 'wrd'"></wrd-chart> -->

		<web-view :src="src"></web-view>
		
	</view>
</template>
 
<script >
	import {
		getToken
	} from '@/utils/auth'

	export default {
		data() {
			return {
				processId:null,
				pageType:'' ,//区分钢环还是微扰动
				navbarTitle:'',
				src: '',
			}
		},
		/**
		 * @param {Object} option .processId:进度填报的id .pageType区分钢环还是微扰动
		 */
		onLoad(option) {
			console.log(option,'传过来的数据')
			if(option.processId){
				this.processId = option.processId;
				this.pageType = option.pageType;
				this.navbarTitle = this.getTitleName(option.pageType)
			}
			this.src = `${this.$config.SHARE_URL}?token=${getToken()}&page=detailChart&processId=${this.processId}&pageType=${this.pageType}&time=${Date.now()}`
			setTimeout(() => {
				uni.setNavigationBarTitle({
					title: this.navbarTitle,
				});
			},2000)
		},
		onReady(){
			// #ifdef APP-PLUS
				var height=0;//定义动态的高度变量，如高度为定值，可以直接写
				var width=0;//定义动态的高度变量，如高度为定值，可以直接写
				uni.getSystemInfo({
				//成功获取的回调函数，返回值为系统信息
				success: (sysinfo) => {
				height = sysinfo.windowHeight;//自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
				width = sysinfo.windowWidth;//自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
				console.log(height,width,'宽高')
				},
				complete: () => {
				}
				});
				var currentWebview = this.$scope.$getAppWebview();//获取当前web-view
				setTimeout(function() {
				var wv = currentWebview.children()[0];
				wv.setStyle({//设置web-view距离顶部的距离以及自己的高度，单位为px
				top: 75,//此处是距离顶部的高度，应该是你页面的头部
				height:height,//webview的高度
				width:width,//webview的高度
				scalable:false      //webview的页面是否可以缩放，双指放大缩小
				})
				}, 100);//如页面初始化调用需要写延迟
			// #endif
		},
		mounted() {
			// console.log('看id',this.id)
		},
		methods: {
			goBack(){
				uni.navigateBack({
					
				})
			},
			getTitleName(type) {
				let title ='进度图'
				if(type === 'gh') {
					title =  '钢环进度图'
				}else if(type === 'xgh') {
					title =  '小钢环进度图'
				}else if(type === 'wrd') {
					title =  '微扰动进度表'
				}
				return title
			}
		}
	}
</script>

<style lang="scss" scoped>
	.process-page {
		min-height: 100vh;
		width: 100%;
		background-color: #f5f5f9;
		/* #ifdef MP-WEIXIN */
			padding-top: 200rpx;
		/* #endif */
	}

	.p-title {
		padding: 10rpx;

		text {
			color: #31a5db;
			margin: 0 10rpx;
		}
	}

	
</style>
